<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手机风向标</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

<div id="main_container">
<div class="top_illustration"><img src="images/been.png" alt="" title=""  width="156" height="143"/></div>
	<div id="header">
    <div class="logo">
    <a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a>
    </div>
    
    </div>
    
            <div id="menu_tab">                                     
                    <ul class="menu">                                                                               
                         <li><a href="index.html" class="nav_selected"> 资讯 </a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav"> iphone</a></li>
                         <li class="divider"></li>
                         <li><a href="projects.html" class="nav"> 安卓</a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav"> 塞班</a></li>
                         <li class="divider"></li>
                         <li><a href="contact.html" class="nav"> 黑莓 </a></li>
						 <li class="divider"></li>
						 <li><a href="order.html" class="nav"> 其他 </a></li>
						 <li class="divider"></li>
                    </ul>
            </div> 
            
            
    <div id="main_content">
    
    	<div id="middle_banner">
        	<div class="middle_banner_content">
       			 <img src="images/banner_content.png" alt="" title="" width="417" height="142" />
            </div>
        </div>
        
        
        <div id="left_content">
        <h1>新闻</h1>
        <p>嗨!   欢迎使用<strong>巴巴唔模板网</strong>提供的网页模板,你可以免费将此模板应用与任何地方,个人网站或者商业应用,唯一需要做的就是在此页面保留<a href="http://www.88web.org">巴巴唔模板网</a>的相关链接.或加入友情链接</p>
        
        
        <p>如果你需要更多的精美<a href="http://www.88web.org/css-templates">网页模板</a>,请随时访问我们的模板页面,我们每周都会发布新模板,敬请关注</p>
        <h1>推荐</h1>
        <p class="clear">
        <img src="images/icon1.png" alt="" title="" class="left_img" width="48" height="48" />
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
        </p>
        
        <p class="clear">
        <img src="images/icon2.png" alt="" title="" class="left_img" width="48" height="48" />
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
        </p>        
        
        
        <p class="clear">
        <img src="images/icon3.png" alt="" title="" class="left_img" width="48" height="48" />
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
        </p>        
        
        </div>
    
        <div id="right_content"> 
        	<div class="members_login">
            <h1>Clients login</h1>
            
            <div class="login_row">
            <label class="login">email:</label>
            <input type="text" class="login_input" />
            </div>
             <div class="login_row">
            <label class="login">password:</label>
            <input type="password" class="login_input" />
            </div>           
              <div class="login_row">
			<a href="#" class="login_submit">login</a>
            </div>              
            </div>
            
         <h1>Latest News</h1>   
         <p class="news">
        <img src="images/calendar.gif" alt="" title="" class="left_img" />
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
        </p>            
            
          <p class="news">
        <img src="images/calendar.gif" alt="" title="" class="left_img" />
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
        </p>  
        
          <p class="news">
        <img src="images/calendar.gif" alt="" title="" class="left_img" />
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
        </p>         
                   
        
        </div>
        
           
    <div id="footer"><img src="images/footer_logo.gif" alt="" title="" /> PhoneVane &copy; 2011
    <br /> By <a href="http://www.88web.org">Freedoms</a>
    </div>
    </div>

</div>
</body>
</html>